<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>我的导航页</title>
  <link rel="stylesheet" type="text/css" href="css/index.css" />

  <link rel="stylesheet" type="text/css" href="css/logo.css" />
  <link rel="stylesheet" type="text/css" href="css/rotate.css" />
</head>

<body>
  <div id="back">
  </div>
  <div class="search">

  </div>
  <div class="nav">
    <div class="typeActive" id="全部" onclick="showAll()">全部</div>
    <div id="文章" onclick="filterBytype('文章')">文章</div>
    <div id="收藏" onclick="filterBytype('收藏')">收藏</div>
    <div id="文档" onclick="filterBytype('文档')">文档</div>
    <div id="工具" onclick="filterBytype('工具')">工具</div>
    <div id="搜索" onclick="filterBytype('搜索')">搜索</div>
  </div>
  <div class="container">
    <div id="container">
    </div>
  </div>


















  <!-- logo -->
  <div class="svg">
    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg" x="0px"
      y="0px" width="150px" height="150px" viewBox="0 0 213.235 241.176" enable-background="new 0 0 213.235 241.176"
      xml:space="preserve" fill="#0057B8">
      <path d="M108.581,64.968V14.124l44.007,25.422L108.581,64.968" />
      <path fill-opacity="0.9" d="M153.591,92.101V41.258L109.582,66.68L153.591,92.101" />
      <path d="M155.586,92.062V41.221l44.009,25.42L155.586,92.062" />
      <path fill-opacity="0.7" d="M200.299,119.14V68.297l-44.004,25.421L200.299,119.14" />
      <path fill-opacity="0.85" d="M155.586,146.255V95.412l44.009,25.422L155.586,146.255" />
      <path fill-opacity="0.7" d="M200.299,173.35v-50.844l-44.004,25.422L200.299,173.35" />
      <path fill-opacity="0.6" d="M155.586,200.482v-50.84l44.009,25.417L155.586,200.482" />
      <path fill-opacity="0.5" d="M153.591,200.521v-50.84l-44.009,25.418L153.591,200.521" />
      <path fill-opacity="0.6" d="M108.581,227.696v-50.844l44.007,25.421L108.581,227.696" />
      <path fill-opacity="0.5" d="M106.62,227.696v-50.844l-44.005,25.421L106.62,227.696" />
      <path fill-opacity="0.7" d="M61.562,200.553V149.71l44.007,25.423L61.562,200.553" />
      <path fill-opacity="0.7" d="M59.709,200.56v-50.843l-44.008,25.422L59.709,200.56" />
      <path fill-opacity="0.7" d="M14.699,173.467v-50.843l44.01,25.42L14.699,173.467" />
      <path fill-opacity="0.5" d="M59.709,146.235V95.392l-44.008,25.42L59.709,146.235" />
      <path fill-opacity="0.7" d="M14.699,119.141V68.297l44.01,25.421L14.699,119.141" />
      <path fill-opacity="0.6" d="M59.709,92.101V41.258L15.701,66.68L59.709,92.101" />
      <path fill-opacity="0.85" d="M61.562,92.092V41.249l44.007,25.419L61.562,92.092" />
      <path fill-opacity="0.9" d="M106.62,64.968V14.124L62.614,39.546L106.62,64.968" />
    </svg>
  </div>
  <div id=logoContainer>
    <div id="name">奇</div>
  </div>

  <!-- 旋转 rotate -->
  <div class="view">
    <div class="plane main">
      <div class="circle"></div>
      <div class="circle"></div>
      <div class="circle"></div>
      <div class="circle"></div>
      <div class="circle"></div>
      <div class="circle"></div>
    </div>
  </div>


</body>

<script src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js"> </script>
<script src="js/index.js"></script>
<script src="js/cursor.js"></script>

</html>